<template lang='pug'>
.my-ding
    .header
        p.iconfont.icon-fanhui(@click="$router.push('/')")
        p.title 用户结算
        p.seek.iconfont.icon-sousuo
    .navList
        router-link(to="/my-ding/dai-zhi") 待支付
        router-link(to="/my-ding/dai-shou") 待收货
    .bottom-view
        router-view
</template>
 
<script>
export default {
  name: "vueName",
  data() {
    return {
      msg: "Welcome to your vueName",
    };
  },
};
</script>
 
<style scoped lang="sass">
.my-ding
    background: #f2f2f2
.header
    width: 100%
    height: .5rem
    display: flex
    justify-content: space-between
    background: #f2f2f2
    text-align: center
    line-height: .5rem
    font-size: .15rem
    padding: 0 .1rem
    color: #000
    position: fixed
    top: 0
    z-index: 9
.navList
    margin-top: .5rem
    background: #fff
    height: .35rem
    padding: 0 .6rem
    display: flex
    justify-content: space-between
    align-items: center
    a
        color: rgba(0,0,0,.5)
        font-size: .14rem
        border-bottom: 1px solid #fff
        &.router-link-active 
            color: #ff6700
            border-color: #ff6700
.bottom-view
    background: #fff
    margin-top: .1rem
</style>